app.controller('loginController',function($scope){
  // 修改钢铁侠
  $('#m-last img').css('width', '21%');
// 点击后退退到selected页面
  var p=document.querySelector('#firstP');
      p.addEventListener('touchstart',function(){
          window.location='#/selected';
          $('#i-selected img').attr('src', '../../indexResource/b1.png');
          $('#m-last img').attr('src', '../../indexResource/i1.png');
          $('#m-last img').css('width', '30%');
      })

// 获取三个框的值
  var btn1=document.querySelector('#btn1');
  var user=document.querySelector('#user');
  var pass=document.querySelector('#pass');
  var yzm=document.querySelector('#yzm');
// 验证码
  var yan=['asxcd','rfgwe','23fds','fdg35','4352t','jdwoi','sdfw3','gvdtw','5ef23','regfr','fdsaf'];
  var sp1=document.querySelector('#sp1');
  // 刷新页面时刷新验证码
    var index = parseInt(Math.random()*yan.length);
        sp1.innerHTML = yan[index];
  // 更换验证码
        sp1.addEventListener('touchend',function(){
          var index = parseInt(Math.random()*yan.length);
          sp1.innerHTML = yan[index];
        });

  // 进入页面就判断是否有cookie
        var u=getCookie('username');
        var p=getCookie('password');
        if(u && p){
          // 有cookie
          // 显示login页面
          $('#loginHtml').css('display', 'none');
          // 隐藏mine页面
          $('#mineHtml').css('display', 'block');
        }

  // 按钮点击，判断三个框值是否为空
        btn1.addEventListener('touchend',function(){

          if(user.value!='' && pass.value!='' && yzm.value!=''){
              btn1.style.background='red';
          };

          // 存入cookie,默认状态
          setCookie('username',user.value,30);
          setCookie('password',pass.value,30);
          // console.log(getCookie('cflag'));
          setCookie('cflag', getCookie('cflag'), 30);

          var u=getCookie('username');
          var p=getCookie('password');

          if(yzm.value!=sp1.innerHTML){
            yzm.value='请输入正确的验证码';
          };


          if(user.value=='123' && pass.value=='123' && yzm.value==sp1.innerHTML){
            // 登陆之后跳转页面
              $('#l-main ul li').html('用户名：</br><span>'+u+'</span>');
              window.location.hash='#/mine';
                // 隐藏login页面
                $('#loginHtml').css('display', 'none');
                // 显示mine页面
                $('#mineHtml').css('display', 'block');

              // 并改变左上角头像
              var login=document.querySelector('#i-login>a');
                  login.innerHTML='';
              var img=document.createElement('img');
                  img.style.width=0.5+'rem';
                  img.style.height=0.5+'rem';
                  login.appendChild(img);
                  img.src='./mine/img/login.png';
                  // 点击登陆之后让头部显示
                  var header=document.querySelector('#i-header');
                  var placeHolder=document.querySelector('#i-placeHolder');
                      header.style.display="block";
                      header.style.width=100+'%';
                      header.style.height=0.9+'rem';
                      header.style.display='flex';
                      header.style.justifyContent="space-between";
                      placeHolder.style.display="block";
                      placeHolder.style.height=0.9+'rem';
          }else if(user.value=='' && pass.value=='' && yzm.value!=sp1.innerHTML){
              alert('请您重新输入信息');
          }
        });
// 重新键入清空值
      user.addEventListener('touchend',function(){
        user.value="";
      });
      pass.addEventListener('touchend',function(){
        pass.value="";
      });
      yzm.addEventListener('touchend',function(){
        yzm.value="";
      })


// 点击切换图片
    var box=document.querySelector('.l-free-box');
    var free=document.querySelector('.l-free');

    // 根据cookie存入的flag值，判断页面加载样式
    var logFlag = getCookie('cflag');
      if(logFlag == 'false'){
        free.style.backgroundPosition='0 0';
      }else{
        free.style.backgroundPosition='0 -1.92rem';
      }
        box.addEventListener('touchend',function(){
          // 获取cookie中的flag
          var clickFlag = getCookie('cflag');
          // console.log(clickFlag);
          if(clickFlag == 'true'){
            free.style.backgroundPosition='0 0';
            clickFlag=false;
            setCookie('cflag', clickFlag, 30);
          }else{
            free.style.backgroundPosition='0 -1.92rem';
            clickFlag=true;
            setCookie('cflag', clickFlag, 30);
          }
      })

      // 页面关闭时，如果用户没有选择一个月免登陆，则清除cookie
      window.onunload = function () {
        var closeFlag = getCookie('cflag');
        // console.log(closeFlag);
        if (closeFlag == 'false') {
          setCookie('username','',-1);
          setCookie('password','',-1);
        }
      }
})
